<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>阿里云ECS</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
  <link rel="stylesheet" href="${request.contextPath}/statics/plugins/weui/css/weui.css">
  <script src="${request.contextPath}/statics/libs/vue.min.js"></script>
  <style type="text/css">
  	body {
	    background-color: #f8f8f8;
	}
	.warn {
		font-weight: bold;
	    color: red;
	}
  </style>
</head>

<body>
	<div class="container" id="container">
		<div class="page preview js_show">
 
		    <div class="page__bd">
		    	<#list list as item>  
		        <div class="weui-form-preview">
		            <div class="weui-form-preview__hd">
		                <div class="weui-form-preview__item">
		                    <label class="weui-form-preview__label ${item.warn}">${item.name!''}</label>
		                </div>
		            </div>
		            <div class="weui-form-preview__bd">
		               <!--  <div class="weui-form-preview__item">
		                    <label class="weui-form-preview__label">创建时间</label>
		                    <span class="weui-form-preview__value">	${item.creation_time!''}</span>
		                </div> -->
		                <div class="weui-form-preview__item">
		                    <label class="weui-form-preview__label ${item.warn}">过期时间</label>
		                    <span class="weui-form-preview__value ${item.warn}">	${item.expired_time!''}</span>
		                </div>
		            </div>
		        </div>
		        <br>
				</#list>
		    </div>
		</div>
	</div>

</body>
</html>
